Elements
Components
Other Stuff
Progress Steps
- Step 1
- Step 2
- Step 3
- Step 1
- Step 2
- Step 3
- Create Account
- Login
- Payment
- Confirm
<ol class="steps">
<li class="is-active" data-step="1">Step 1</li>
<li data-step="2"> Step 2 </li>
<li data-step="3" class="progress__last">Step 3</li>
</ol>
<br>
<ol class="steps progress--medium">
<li class="is-complete" data-step="1">Step 1</li>
<li class="is-active" data-step="2">Step 2</li>
<li data-step="3" class="progress__last">Step 3</li>
</ol>
<br>
<ol class="steps progress--large">
<li class="is-complete" data-step="1">Create Account</li>
<li class="is-complete" data-step="2">Login</li>
<li class="is-active" data-step="3">Payment</li>
<li data-step="4" class="progress__last">Confirm</li>
</ol>
